<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>按钮列表</title>
		<%@ include file="../jslib/jquerylib.jsp" %>
		<script type="text/javascript" src="<%=request.getContextPath() %>/js_css_image/lhgdialog/lhgcore.lhgdialog.min.js?skin=mac"></script>
		<script type="text/javascript" src="<%=request.getContextPath() %>/jslib/mypage.js"></script>
		<style>
		html,body {
			margin: 0;
			padding: 0;
			font-family: "Microsoft YaHei";
			font-size: 12.5px;;
		}
		html{
		    overflow-x: hidden;
			overflow-y: hidden;
		}
		.button_b{cursor:hand;}
		
		</style>
		<script type="text/javascript" >
		var api = frameElement.api, W = api.opener;
		$(document).ready(function(){ 
						$("#gridTable").jqGrid({
							url:'queryAutoFormButtonList.action?thisTableNameId=<%=request.getParameter("fromId")%>',
							datatype: "json",
							height: "340",
							width: "1023", 
							colNames:['编号','子表名称','本关联表名称id','本关联表名称','本关联表字段','被关联表名称id','被关联表名称','被关联表字段','子表类型',"操作类型"],
							colModel:[
								{name:'ID',index:'ID', width:60, key:true, sorttype:"int"},								
								{name:'button_name',index:'button_name', width:140},
								{name:'this_table_name_id',index:'this_table_name_id', width:110,hidden:true},
								{name:'this_table_name',index:'this_table_name', width:180},
								{name:'this_table_column',index:'this_table_column', width:100},
								{name:'by_table_name_id',index:'by_table_name_id', width:150,hidden:true},
								{name:'by_table_name',index:'by_table_name', width:120},
								{name:'by_table_column',index:'by_table_column', width:100},
								{name:'button_type',index:'button_type', width:100},
								{name:'operate_type',index:'operate_type', width:150}
							], 
							shrinkToFit:false,
							sortname:'ID',
							sortorder:'desc',
							viewrecords:true,
							multiselect: true, // 是否显示复选框
							multiboxonly : true, 
							rownumbers: false,//显示行号
							editable:true, 
							rowNum:<%=session.getAttribute("SYS_PAGECOUNT")%>,
							rowList:[15,20,50,200,500],
							toolbar: [false,"top"],
							jsonReader: {
								root:"rows",		// 数据行（默认为：rows）
								page: "page",  	// 当前页
								total: "total",  // 总页数
								records: "records",  // 总记录数
								repeatitems : false		// 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
							},
							prmNames:{rows:"rows",page:"page",sort:"sidx",order:"sord",search:"search"},
							pager:"#gridPager",
							caption: "子表列表"
					});
					jQuery("#gridTable").jqGrid('navGrid','#gridPager',{add:false,edit:false,del:false,search:false,refresh:false});
					jQuery("#gridTable").jqGrid('navButtonAdd','#gridPager',
							{ 	
							caption: "列状态",                          
							title: "Reorder Columns",                           
							onClickButton : function (){                               
							jQuery("#gridTable").jqGrid('setColumns');                           
							}
					}); 
		});  

		//添加字段
		function addField(){
			var formCnName = '<%=request.getParameter("formCnName")%>';//encodeRUI(encodeRUI());
			W.$.dialog({
		        title: '子表信息添加',
		        content: 'url:'+'<%=request.getContextPath() %>/form/auto_form_button_add.jsp?thisTableNameId=<%=request.getParameter("fromId")%>&formCnName='+encodeURIComponent(formCnName)+'&temp='+Math.round(Math.random()*10000),
		        okVal: false,//确定按钮文字
		        cancelVal: false,//取消按钮文字
		        min: true, //是否显示最小化按钮
		        max: false,//是否显示最大化按钮
		        fixed: false,//开启静止定位
		        lock: true,//开启锁屏
		        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
		        time: null,//设置对话框显示时间
		        resize: true,//是否允许用户调节尺寸
		        drag: true,//是否允许用户拖动位置
		        cache: false,//是否缓存iframe方式加载的窗口内容页
		       // parent:api,
		        width: '850px',
		        height: '500px'
			});
		}
		
		//编辑
		function editField(){
			var ids = $("#gridTable").jqGrid("getGridParam", "selarrrow");
			if (ids.length == 0) {   
			    alert("请先选择一条数据!");  
			    return false;  
				} 
			if(ids.length > 1){
				alert("只能选择一条数据！");
				return false;
			}
			var row = $("#gridTable").jqGrid("getRowData", ids);
			var buttonId = row.ID;
			W.$.dialog({
		        title: '子表信息修改',
		        content: 'url:'+'initUpdateAutoFormButton.action?butttonId='+buttonId+'&temp='+Math.round(Math.random()*10000),
		        okVal: false,//确定按钮文字
		        cancelVal: false,//取消按钮文字
		        min: true, //是否显示最小化按钮
		        max: false,//是否显示最大化按钮
		        fixed: false,//开启静止定位
		        lock: true,//开启锁屏
		        focus: true,//弹出窗口后是否自动获取焦点（4.2.0新增）
		        time: null,//设置对话框显示时间
		        resize: true,//是否允许用户调节尺寸
		        drag: true,//是否允许用户拖动位置
		        cache: false,//是否缓存iframe方式加载的窗口内容页
		       // parent:api,
		        width: '850px',
		        height: '500px'
			});
		}
		
		//删除字段
		function delButton()
		{
			var ids = $("#gridTable").jqGrid("getGridParam","selarrrow") + "";
			if (ids.length == 0) {   
			    alert("请先选择数据!");  
			    return false;  
			} 
			if(confirm("是否确认删除?")){
				var params = {
					"buttonId" : ids
				};  
			    var actionUrl = "deleteAutoFormsButtonById.action";  
			    $.ajax({  
			        url : actionUrl,  
			        data : params,  
			        dataType : "json",  
			        cache : false,  
			        error : function(textStatus, errorThrown) {  
			            alert("系统ajax交互错误: " + textStatus);  
			        },  
			        success : function(data, textStatus) {  
			          	alert("删除成功！");
			          	refresh();
			        }  
			    });  
		    }
		}
		
		function refresh()
		{
			jQuery("#gridTable").jqGrid('setGridParam',
				{
					url:'queryAutoFormButtonList.action?thisTableNameId=<%=request.getParameter("fromId")%>'
				}).trigger("reloadGrid", [{page:1}]); 
		}
		
		</script>
		
	</head>

	<body style="margin-bottom: 0px">
		<table width="100%" style="height: 100%">
		<input type="hidden" value="<%=request.getParameter("formTableName")%>"/>
			<tr>
				<td>
					<input type='button' value='添加子表' class='button_b' onclick="addField()"/>
					<input type='button' value='修改子表' class='button_b' onclick="editField()"  />
					<input type='button' value='删除子表' class='button_b' onclick="delButton()"/>
				</td>
			</tr>
			<tr>
				<td width="100%">
					<table id="gridTable"></table>
					<div id="gridPager"></div>
				</td>
			</tr>
		</table>
	</body>
</html>